<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="author" content="Marcel Klammer, Tastenkunst GmbH, 2015">
  <meta name="description" content="Beyond Reality Face Nxt SDK - Javascript library for Face Tracking, Face Detection and Point Tracking">

  <title>Beyond Reality Face Nxt. SDK - Javascript library for Face Tracking, Face Detection and Point Tracking</title>

  <!-- <link rel="stylesheet" href="css/brf_examples.css"> -->

  <!-- MrDoobs Stats: https://github.com/mrdoob/stats.js/ -->
  <script src="/libs/facial_detection/stats/stats.min.js"></script>

  <!-- CreateJS: http://www.createjs.com -->
  <script src="/libs/facial_detection/createjs/easeljs-0.7.1.min.js"></script>
  <script src="/libs/facial_detection/createjs/preloadjs-0.4.1.min.js"></script>
  <script src="/libs/facial_detection/createjs/bitmapdata-1.0.1.min.js"></script>

  <!-- Beyond Reality Face Nxt SDK -->
  <script>
    //the acutal library object, mandatory
    var nxtjs = {
      memoryInitializerPrefixURL: "/libs/facial_detection/brf/" // + BRF_NXT_v3.x.y_trial.js.mem is done in the other js file.
    };
  </script>
  <script src="/libs/facial_detection/brf/BRF_NXT_public_API.js"></script>
  <script src="/libs/facial_detection/brf/BRF_NXT_JS_TK200215_v3.0.16_trial.js"></script>

  <!-- 
    BRF examples using CreateJS.
    
    Choose only one of the files below, otherwise the latest file will
    override all other initExample functions and will start only the latest
    loaded example.
  -->
  
  <script src="/libs/facial_detection/examples/ExampleBase.js"></script>
  
  <!-- webcam examples -->
  
  <!-- <script src="js/examples/ExamplePointTracking.js"></script> -->
  <!-- <script src="/libs/facial_detection/examples/ExampleFaceDetection.js"></script> -->
  <script src="/libs/facial_detection/examples/ExampleFaceTracking.js"></script>
  <script src="/libs/facial_detection/examples/ExampleCandideTracking.js"></script>
  
  <!-- 
    720p/HD webcam examples. These will also need their base classes.
    e.g. ExampleFaceTracking1280x720.js will need ExampleFaceTracking.js
  -->
  
  <!-- <script src="js/examples/hires/ExamplePointTracking1280x720.js"></script>  --> <!-- needs js/examples/ExamplePointTracking.js -->
  <!-- <script src="/libs/facial_detection/examples/hires/ExampleFaceDetection1280x720.js"></script>  <!-- needs js/examples/ExampleFaceDetection.js -->
  <script src="/libs/facial_detection/examples/hires/ExampleFaceTracking1280x720.js"></script> <!-- needs js/examples/ExampleFaceTracking.js -->
  <script src="/libs/facial_detection/examples/hires/ExampleCandideTracking1280x720.js"></script> <!-- needs js/examples/ExampleCandideTracking.js -->
  <!-- <script src="js/examples/specials/ExampleComponentFlow.js"></script>   --> <!-- needs js/examples/ExampleFaceTracking.js -->
  
  <!-- single image examples -->
  
  <!-- <script src="js/examples/images/ExampleFaceTrackingImage.js"></script> -->
  <!-- <script src="js/examples/images/ExampleFaceDetectionImage.js"></script> -->
</head>
<!-- See example file for the initExample function. -->
<body onload="initExample();">

  <!--
    This is the canvas for createjs (the stage). You can change the size to any values.
    You just need to set screenRect to place the video/results at a certain position on that stage.
  -->
  <canvas id="_stage" width="1280" height="720" style="position:absolute;left:0px;top:0px;">Your browser does not seem to support canvas elements.</canvas>

  <!--
    Chrome on Android v35+ supports getUserMedia! But the video needs to be started on user action.
    This play button will be shown, if a user action is needed.
  -->
  <img src="/images/play.png" id="btPlay" style="display:none;position:absolute;top:165px;left:221px;"/>

  <!--
    The Beyond Reality Face Nxt logo.
    Please be fair and don't hide the logo! Thanks.
  -->
  <!-- <div id="brfLogo">
    <a href="https://www.beyond-reality-face.com" target="_blank">
      <img src="media/assets/brf_nxt_logo_black.png" style="opacity:0.35;position:absolute;top:8px;left:9px;"/>
      <img src="media/assets/brf_nxt_logo_white.png" style="opacity:0.75;position:absolute;top:7px;left:8px;"/>
    </a>
  </div> -->
</body>
</html>